$(function () {
    //导航
    $(".nav-father>li").hover(function () {
        $(this).children("ul").stop().slideToggle(200);
    })
    // --------------------------------------------------
    $(".dropdown").hover(function () {
        $(".dd").stop().slideDown(500).css("display", "block");
    }, function () {
        $(".dd").stop().slideUp(500);
    })
    // 金额框
    $(".summary dd a").click(function () {
        $(this).siblings().removeClass("current");
        $(this).addClass("current");
    })
    // 购物车
    var num = $(".choose_amount input").val();
    $(".add").click(function () {
        num++;
        $add = $(".choose_amount input").val(+num);
    })
    $(".reduce").hover(function () {
        if (num > 0) {
            $(".reduce").css("cursor", "pointer");
        }
    })
    $(".reduce").click(function () {
        if (num > 0) {
            $(".reduce").css("cursor", "pointer");
            $(".choose_amount input").val(num--)

        } else {
            $(".reduce").css("cursor", "not-allowed");
        }

    })
    // 左侧Tab栏
    $(".first_tab").click(function () {
        $(this).addClass("current").siblings().removeClass("current");
        $(".tab_list_content,.tab_con").css("display", "block");
        $(".list_second_content").css("display", "none");
    })
    $(".second_tab").click(function () {
        $(this).addClass("current").siblings().removeClass("current");
        $(".tab_list_content,.tab_con").css("display", "none");
        $(".list_second_content").css("display", "block");

    })
    // 右边Tab栏
    $(".detail_tab_con .item1").css("display", "block");
    $(".detail_tab_list ul li").click(function () {
        $(this).addClass("current").siblings().removeClass("current");
        $(".detail_tab_con>div").eq($(this).index()).css("display", "block").siblings().css("display", "none");

    })
    // 图片放大功能
    $(".preview_img").mouseover(function (e) {
        // values: e.clientX, e.clientY, e.pageX, e.pageY
        $(".mask").css("display", "block");
        $(".bigpic").css("display", "block");

    });
    $(".preview_img").mouseout(function (e) {
        // values: e.clientX, e.clientY, e.pageX, e.pageY
        $(".mask").css("display", "none");
        $(".bigpic").css("display", "none");
    });
    $(".preview_img").mousemove(function (e) {
        //    计算鼠标在盒子内的坐标
        var x = e.pageX - this.offsetLeft;
        var y = e.pageY - this.offsetTop;
        // 遮挡层的最大移动距离
        var maskMax = $(".preview_img").outerWidth() - $(".mask").outerWidth()
        // console.log(x, y);
        //console.log($(".mask").outerWidth());
        var maskX = x - $(".mask").outerWidth() / 2;
        var maskY = y - $(".mask").outerWidth() / 2;
        if (maskX <= 0) {
            maskX = 0;
        } else if (maskX >= maskMax) {
            // 盒子距离左边边框最大偏移量
            maskX = maskMax;
        }
        if (maskY <= 0) {
            maskY = 0;
        } else if (maskY >= maskMax) {
            maskY = maskMax;
        }
        $(".mask").css("left", maskX + 'px');
        $(".mask").css("top", maskY + 'px');
        //大图片的移动距离=遮挡层移动距离*大图片最大移动距离/遮挡层的最大移动距离
        // 大图片的最大移动距离
        var bigMax = $(".bigimg").outerWidth() - $(".bigpic").outerWidth();
        //大图片的移动距离
        var bigX = maskX * bigMax / maskMax;
        var bigY = maskY * bigMax / maskMax;
        $(".bigimg").css("left", -bigX + 'px');
        $(".bigimg").css("top", -bigY + 'px');

    });
    //小图大图切换
    $(".list_item li").hover(function () {
        $(this).addClass("current").siblings().removeClass();
        $(".preview_img>img").eq($(this).index()).css("display", "block").siblings().css("display", "none");
    })


    // 回到顶部出现
    var toolTop = $(".product_detail").offset().top;

    $(window).scroll(function () {
        console.log(toolTop);
        console.log($(document).scrollTop());
        if ($(document).scrollTop() >= toolTop) {

            $(".to_top").fadeIn();
        } else {
            $(".to_top").fadeOut();
        }

    })
    // 回到顶部
    $(".to_top").click(function () {
        $("html,body").stop().animate({
            scrollTop: 0
        }, 800);
    })
})